.row{
  display: flex;
  flex-flow: row wrap;
}
.col{
  position: relative;
  flex: 0 1 auto;
  max-width: 100%;
  min-height: 1px;
}
.row-middle {
  align-items: center;
}
.header-container{
  width: 1000px;
  margin: 0 auto;
}
.col-1{
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.col-2{
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.col-3 {
  display: block;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.col-4 {
  display: block;
  -ms-flex: 0 0 16.66666667%;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-5 {
  display: block;
  -ms-flex: 0 0 20.83333333%;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.col-6 {
  display: block;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-7{
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.col-10 {
  display: block;
  -ms-flex: 0 0 41.66666667%;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.col-12 {
  display: block;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-14 {
  display: block;
  -ms-flex: 0 0 58.33333333%;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.col-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}

.ui-link{
  text-decoration: none;
}
.right{
  text-align: right;
}
